<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>行内元素的盒子模型</title>
	</head>
	<style type="text/css">
		/* 
			行内元素没有高度和宽度，默认是内容的高宽
			行内元素可以设置padding，但垂直方向的padding不会影响页面布局
			border、margin同padding一样
		*/
		span {
			width: 100px;
			height: 100px;
			margin-top: 100px;
			border: 5px solid #ffe870;
			padding: 15px;
		}
	</style>
	<body>
		<span>span1</span>
		<span>span2</span>
		<span>span3</span>
	</body>
</html>
